<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="keywords" content="宠物寄养，狗狗寄养，猫寄养，寄养宠物，宠物家庭寄养，小狗在家宠物寄养" />
    <meta name="description" content="小狗在家宠物寄养为宠物主人提供家庭式的宠物寄养，包括寄养、洗澡、接送等服务。小狗在家招募宠物寄养家庭，可以自由选择接受寄养的时间，支付保障，免费培训，在线客服等服务。" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <title>小狗在家官网—宠物寄养｜狗狗寄养｜猫咪寄养｜寄养家庭招募</title>
    <link type="image/x-icon" rel="shortcut icon" href="../img/viptail_title_icon.png" media="screen">
    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link href="../css/hospital_mobile.min.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script src="../js/iscroll.js"></script>
    <script>
        var myScroll;
        function loaded () {
            myScroll = new IScroll('#wrapper', { scrollX: true, scrollY: false, click: true, mouseWheel: true });
        }
    </script>
</head>
<body>
    <div class="row">
        <div class="col-md-12">
            <ol class="breadcrumb">
                <li><a href="hospital.html">合作医院</a></li>
                <li><a href="#">厦门</a></li>
                <li class="active" id="hosName">艾贝尔宠物医院欧阳路分院</li>
            </ol>
        </div>
    </div>
    <div class="row detail">
        <div class="col-md-12 left">
            <span class="center-block bigImg" style="background:url('../img/family_auntwang.jpg');-webkit-background-size: cover;background-size: cover;">
                <!--<img class="img-responsive" src="img/picture05.jpg">-->
            </span>
            <div class="scroll">
                <span class="glyphicon glyphicon-menu-left prev"></span>
                <div id="wrapper">
                    <div id="scroller">
                        <ul>
                            <li style="background:url('../img/family_auntwang.jpg');-webkit-background-size: cover;background-size: cover;"></li>
                            <li style="background:url('../img/family_huahui.jpg');-webkit-background-size: cover;background-size: cover;"></li>
                            <li style="background:url('../img/family_lovelife.jpg');-webkit-background-size: cover;background-size: cover;"></li>
                            <li style="background:url('../img/family_mushroom.jpg');-webkit-background-size: cover;background-size: cover;"></li>
                            <li style="background:url('../img/family_warmhouse.jpg');-webkit-background-size: cover;background-size: cover;"></li>
                            <li style="background:url('../img/family_huahui.jpg');-webkit-background-size: cover;background-size: cover;"></li>
                            <li style="background:url('../img/family_lovelife.jpg');-webkit-background-size: cover;background-size: cover;"></li>
                        </ul>
                    </div>
                </div>
                <span class="glyphicon glyphicon-menu-right next"></span>
            </div>
        </div>
        <div class="col-md-12 right">
            <div class="lead">
                <div class="logoImg">
                    <img src="../img/icon.png">
                    <!--<img src="../img/icon_b@2x.png">-->
                </div>
                <div class="right">
                    <p>艾贝尔宠物医院欧阳路分院</p>
                </div>
            </div>
            <time>
                营业时间：9:00 - 21:00
            </time>
            <address>电话：<strong>021-12345678</strong></address>
            <div class="discount">
                <img src="../img/icon_hospital_discount.png" alt="医院折扣">
                <strong>95</strong>
            </div>
        </div>
    </div>
    <div class="row detail-tab">
        <div class="col-md-12">
            <div class="hospital-tab">
                <!-- Nav tabs -->
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active"><a href="#introduce" aria-controls="introduce" role="tab" data-toggle="tab">医院介绍</a></li>
                    <li role="presentation"><a href="#map" aria-controls="map" role="tab" data-toggle="tab">特色/专科</a></li>
                    <li role="presentation"><a href="#doctors" aria-controls="doctors" role="tab" data-toggle="tab">在职医师</a></li>
                    <li role="presentation"><a href="#equipment" aria-controls="equipment" role="tab" data-toggle="tab">设备</a></li>
                </ul>
                <!-- Tab panes -->
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active" id="introduce">
                        <p>2002年成立至今，艾贝尔已经成为国内最大的宠物诊疗连锁机构，拥有30多家门店，分布在上海、苏州、南京、杭州等长三角经济最活跃的大城市。2014年上海市政府评级为B级。</p>
                        <img class="img-responsive" src="../img/family_mushroom.jpg" alt="">
                    </div>
                    <div role="tabpanel" class="tab-pane" id="map">
                        特色是什么
                    </div>
                    <div role="tabpanel" class="tab-pane doctor" id="doctors">
                        <a name="doctor"></a>
                        <ul>
                            <li>
                                <img class="img-circle" src="../img/icon_master_head@2x.png">
                                <div class="right">
                                    <h4>许鹏飞</h4>
                                    <span class="label">上岗兽医</span>
                                    <p>本院擅长于宠物疾病的临床治疗，巴拉巴拉，本院擅长于宠物疾病的临床治疗，巴拉巴拉，本院擅长于宠物疾病的临床治疗，巴拉巴拉。</p>
                                </div>
                            </li>
                            <li>
                                <img class="img-circle" src="../img/icon_master_head@2x.png">
                                <div class="right">
                                    <h4>许鹏飞</h4>
                                    <span class="label">造型美容师</span>
                                    <p>本院擅长于宠物疾病的临床治疗，巴拉巴拉，本院擅长于宠物疾病的临床治疗，巴拉巴拉，本院擅长于宠物疾病的临床治疗，巴拉巴拉，本院擅长于宠物疾病的临床治疗，巴拉巴拉。</p>
                                </div>
                            </li>
                            <li>
                                <img class="img-circle" src="../img/icon_master_head@2x.png">
                                <div class="right">
                                    <h4>许鹏飞</h4>
                                    <span class="label">上岗兽医</span>
                                    <p>本院擅长于宠物疾病的临床治疗，巴拉巴拉，本院擅长于宠物疾病的临床治疗，巴拉巴拉，本院擅长于宠物疾病的临床治疗，巴拉巴拉，本院擅长于宠物疾病的临床治疗，巴拉巴拉。</p>
                                </div>
                            </li>
                            <li>
                                <img class="img-circle" src="../img/icon_master_head@2x.png">
                                <div class="right">
                                    <h4>许鹏飞</h4>
                                    <span class="label">驯兽师</span>
                                    <p>巴拉巴拉，本院擅长于宠物疾病的临床治疗，巴拉巴拉。</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="equipment">
                        现有设备
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-12 map">
            <div id="allmap"></div>
            <address>
                <img src="../img/icon_select_detail_address.png" alt="">
                <strong>地址：上海市虹口区欧阳路78-8号虹口区欧阳路78-8号</strong>
            </address>
        </div>
    </div>

    <script src="../js/jquery-1.11.3.min.js"></script>
    <script src="../js/bootstrap.js"></script>
    <script src="../js/common_mobile.js"></script>
    <script>
        var toDoctors = location.href.split('?')[1]
        if(toDoctors){
            toDoctors = toDoctors.split('&')[0];
        }
        $(function(){
            detailResize();
            loaded();
            detailSlide();
            if(toDoctors=='doctors'){
                $('a[href=#'+toDoctors+']').click();
                var top = $('.detail-tab').offset().top-70;
                $('html,body').animate({
                    scrollTop: top
                }, 100);
            }
        })

        //百度地图API功能
        function loadJScript() {
            var script = document.createElement("script");
            script.type = "text/javascript";
            script.src = "http://api.map.baidu.com/api?v=2.0&ak=ubhCuHfv03c6Y8EEVVU7x3sxO5ImcMGv&callback=initMap";
            document.body.appendChild(script);
        }
        function initMap() {
            var map = new BMap.Map("allmap");            // 创建Map实例
            var point = new BMap.Point(116.404, 39.915); // 创建点坐标
            map.centerAndZoom(point,15);
            map.enableScrollWheelZoom();                 //启用滚轮放大缩小
        }
        window.onload = loadJScript;  //异步加载地图
    </script>
</body>
</html>